﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="NDEngineering.Web._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>ND Engineering</title>
    <link rel="icon" type="image/png" href="Images/ND_Engineering_icon.png" />

    <link href="CSS/main.css" rel="stylesheet" type="text/css" media="all" />
	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
    <link href="CSS/carousel.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript" src="Scripts/jquery-1.8.0.min.js"></script>
	<script language="javascript" type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
	<script language="javascript" type="text/javascript" src="Scripts/animatescroll.js"></script>
    <script src="Scripts/jquery.mousewheel.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.carousel-1.1.min.js" type="text/javascript"></script>
    <script src="Scripts/General.js" type="text/javascript"></script>
	<script type="text/javascript">
	    $(document).ready(function () {
	        
	        $('#main-menu a, #letWork').click(function () {
	            $('#' + this.href.split('#')[1]).animatescroll({ scrollSpeed: 1000 });
	            return false;
	        });
	        $('.carousel').carousel({ autoplayInterval: 3000, carouselWidth: 1170, carouselHeight: 200, frontWidth: 250, frontHeight: 150, slidesPerScroll: 8, hAlign: 'right', vMargin: 0.8, hMargin: 1.3, right: 30, directionNav: true, shadow: true, buttonNav: 'none' });
	        $('.showTooltip').tooltip();
	    });
	</script>
</head>
<body data-spy="scroll" data-target=".navbar">
    <div id="top"></div>
	<!----------Main menu----------->
	<div id="main-menu" class="navbar navbar-fixed-top" >
		<div class="navbar-inner">
			<div class="container">
				<a class="logo-website" href="#top"></a>
					<ul class="nav" id="menu-list">
					  
					  <li><a href="#who_we_are"><b>WHO WE ARE</b></a></li>
					  <li><a href="#what_we_do"><b>WHAT WE DO</b></a></li>
					  <li><a href="#work"><b>WORK</b></a></li>
					  <li><a href="#contact"><b>CONTACT</b></a></li>
					</ul>
			</div>
		</div>
	</div>
	<!----------End Main menu----------->
	<!----------Banner----------->
	<div id="banner">
		<div class="carousel">
			<div class="slides">
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Chemical/Petroleum">
                        <img src="Images/chemical_petrolium.jpg" alt="Chemical/Petroleum" />
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Aerospace">
                        <img src="Images/aerospace.jpg" alt="Aerospace" />
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Automotive">
                        <img src="Images/automotive.jpg" alt="Automotive"/>
                    </a>            
                </div>
                 <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Defense">
                        <img src="Images/defense.jpg" alt="Defense"/>
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Electrica Computer">
                        <img src="Images/electrica_computer.jpg" alt="Electrica Computer"/>
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="CNC Machine">
                        <img src="Images/cnc_machine.jpg" alt="CNC Machine" />
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Defense">
                        <img src="Images/defense.jpg" alt="Defense" />
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Automotive">
                        <img src="Images/automotive.jpg" alt="Automotive"/>
                    </a>            
                </div>
            </div>
		</div>
		
		<a href="#contact" class="btn btn-large btn-primary" id="letWork" >LET'S WORK TOGETHER</a>
	</div>
	<!----------End Banner----------->
	<!----------Content----------->
	<div id="content">
		<div  class="container">
			
			<!----------Who we are----------->
			<section id="who_we_are">
				<div class="profile">
					<div class="image-profile">
						<img src="Images/ND_Engineering_Logo.png" class="img-polaroid" alt="" />
					</div>
					<div class="name-profile"><h3>Who we are</h3></div>
					<div class="desc-profile">
						<span class="highlight-blue">ND Engineering</span> was founded in 2010 by Minh Nguyen who has a BS degree in Mechanical engineering, an MBA, and John Truong Duong who has BS degree in Graphic Engineering. They both have more than 20 years of experience in design engineering and CNC programing. <br/><br/>
						<span class="highlight-blue">ND Engineering</span> provides professional engineering services in global technology for <span class="highlight-orange">Chemical/petroleum, Structural, Automotive, Aerospace and Defense. </span> 
						We work in <span class="highlight-orange">areas of research & development, design, detail, analysis, testing of mechanical equipment and structures, and CNC programing.</span>
						We combine our mastery of top 2D and 3D graphics design software, great ideas, and great experience to complete projects to new levels of creativity and professionalism.<br/>
						We have worked with many clients ranging from large corporations to small businesses around the world. Your schedule, confidentiality, quality, and budget are our ultimate goals. Contact us today.
						<br/><br/>
						<b><u>Contact Information:</u></b>
						<br/>
						<b>Address:</b> 10678 Jones Rd., Houston, TX 77065
						<br/>
						<b>Phone:</b> 281-890-3333
						<br/>
						<b>Fax:</b> 281-890-3337
						<br/>
						<b>Cell:</b> 832-453-9999
						<br/>
						<b>Email:</b> info@ndengineering.org
					</div>
				</div>
				</section>
			<!----------What we do----------->
			<section id="what_we_do">
				<ul id="job_list" class="thumbnails">
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/automotive.jpg" alt="" />
						</a>
						<h4>Automotive</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/chemical_petrolium.jpg" alt="" />
						</a>
						<h4>Chemical/Petroleum</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/defense.jpg" alt="" />
						</a>
						<h4>Defense</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/aerospace.jpg" alt="" />
						</a>
						<h4>Aerospace</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/electrica_computer.jpg" alt="" />
						</a>
						<h4>Electrical/Computer</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/cnc_machine.jpg" alt="" />
						</a>
						<h4>CNC Programing & Machining</h4>
						<p></p>
					</li>
				</ul>
				
				<%--<div class="worked-for">
				<h4><span>Who We've Worked For</span></h4>
				</div>--%>
			</section>
			<!----------Work----------->
			<section id="work">
				<div style="text-align:center">
					<img src="Images/Under-Construction.gif" alt="content is under construction" title="Work"/>
				</div>
			</section>
		</div>
	</div>
	<!----------End Content----------->
	<!----------Contact----------->
	<div id="contact">
		<div>
            <form id="form1" runat="server">
			    <table>
				    <tr>
					    <td><h3>Get In Touch!</h3></td>
				    </tr>
				    <tr>
					    <td><p>Email to info@ndengineering.org or use the form below:</p></td>
				    </tr>
                    <tr>
					    <td>
                            <asp:TextBox ID="txtContent" runat="server" onkeyup="checkMaxLen(this, 251);" CssClass="span6 showTooltip" data-placement="right" style="resize:none" data-toggle="tooltip" data-original-title="Tell us how we can help" TextMode="MultiLine" Rows="4" Columns="40" placeholder="Tell us how we can help..."></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtContent" Display="Dynamic" ValidationGroup="sendmail">(*)</asp:RequiredFieldValidator>
                            <asp:CustomValidator ID="CustomValidator3" runat="server" 
                                ControlToValidate="txtContent" Display="Dynamic" ValidationGroup="sendmail"
                                ClientValidationFunction="validateXSS">&nbsp;Invalid Data</asp:CustomValidator>
                       </td>
				    </tr>
				    <tr>
					    <td>
                            <asp:TextBox ID="txtName" runat="server" MaxLength="100" CssClass="span6 showTooltip" data-placement="right" data-toggle="tooltip" data-original-title="Input your name" placeholder="Name..." ></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName" Display="Dynamic" ValidationGroup="sendmail">(*)</asp:RequiredFieldValidator>
                            <asp:CustomValidator ID="CustomValidator1" runat="server" 
                                ControlToValidate="txtName" Display="Dynamic" ValidationGroup="sendmail"
                                ClientValidationFunction="validateXSS">&nbsp;Invalid Data</asp:CustomValidator>
                        </td>
				    </tr>
				    <tr>
					    <td>
                            <asp:TextBox ID="txtEmail" runat="server" MaxLength="100" CssClass="span6 showTooltip" data-placement="right" data-toggle="tooltip" data-original-title="Input your email" placeholder="Email..." ></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtEmail" Display="Dynamic" ValidationGroup="sendmail">(*)</asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                                ControlToValidate="txtEmail" Display="Dynamic" 
                                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                                ValidationGroup="sendmail">&nbsp;Invalid Email</asp:RegularExpressionValidator>
                            <asp:CustomValidator ID="CustomValidator2" runat="server" 
                                ControlToValidate="txtEmail" Display="Dynamic" ValidationGroup="sendmail"
                                ClientValidationFunction="validateXSS">&nbsp;Invalid Data</asp:CustomValidator>
                        </td>
				    </tr>
				    
				    <tr>
					    <td style="text-align:center" >
                            <asp:Button ID="btnSendEmail" runat="server" Text="SUBMIT" 
                                CssClass="btn btn-primary" ValidationGroup="sendmail" 
                                onclick="btnSendEmail_Click" />
                        </td>
				    </tr>
			    </table>
            </form>
		</div>
	</div>
	<!----------End Contact----------->
	<!----------Footer----------->
	<div id="footer">
	© 2013  <span class="script">ND Engineering. All rights reserved.</span>
	
	</div>
	<!----------End Footer----------->
    
</body>
</html>